/**index.less**/
page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  width: 750rpx;
  //height: 1624rpx;
  background: linear-gradient(90deg, rgba(244, 250, 255, 0.63) 0%, rgba(225, 241, 253, 0.63) 100%), #FFFFFF;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  overflow: hidden;
}

.scrollarea {
  flex: 1;
  overflow-y: auto;
  display: flex;
  padding-bottom: 32rpx;
}

.container_box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 32rpx;
}

.package_item_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;

  .package_item_box_content {
    width: 602rpx;
    height: 108rpx;
    margin-top: 32rpx;
    background: #A5C3F3;
    border-radius: 20rpx;
    border: 4rpx solid #38130A;
    padding: 0 36rpx;

    .right_content {
      line-height: 108rpx;
      font-family: Noto Sans SC, Noto Sans SC;
      font-weight: bold;
      font-size: 40rpx;
      color: #002060;
      font-style: normal;
      text-transform: none;
      text-align: justify;
    }

    /* 通过伪元素扩展最后一行 */
    .right_content::after {
      content: '';
      display: inline-block;
      width: 100%;
    }

    .left_content {
      line-height: 108rpx;
      font-family: Noto Sans SC, Noto Sans SC;
      font-weight: bold;
      font-size: 40rpx;
      color: #8396B0;
      text-align: justified;
      font-style: normal;
      text-transform: none;
      text-align: justify;
    }

    /* 通过伪元素扩展最后一行 */
    .left_content::after {
      content: '';
      display: inline-block;
      width: 100%;
    }

  }



  .img {
    width: 68rpx;
    height: 68rpx;
    border-radius: 5rpx;
    overflow: hidden;
    margin-right: 20rpx;
    /* 设置背景图的路径 */
    background-size: cover;
    /* 背景图覆盖整个元素 */
    background-position: center;
    /* 背景图居中 */
    background-repeat: no-repeat;
    /* 背景图不重复 */
  }

  .right_content {
    flex: 1;
    font-family: Noto Sans SC, Noto Sans SC;
    font-weight: 500;
    font-size: 32rpx;
    color: #2A220E;
    text-align: left;
    font-style: normal;
    text-transform: none;


    .right_content_describe {
      font-family: Noto Sans SC, Noto Sans SC;
      font-weight: 400;
      font-size: 24rpx;
      color: #666666;
      line-height: 36rpx;
      text-align: justified;
      font-style: normal;
      text-transform: none;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
    }

    .right_content_btm {
      flex: 1;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;

      .price {
        width: 84rpx;
        height: 38rpx;
        font-family: DIN, DIN;
        font-weight: 500;
        font-size: 32rpx;
        color: #F57832;
        line-height: 38rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }

      .arrowIcon {
        width: 40rpx;
        height: 40rpx;
        background-image: url('https://report.bayajk.com/baya_health/static/temporary/rightArrow.png');
        /* 设置背景图的路径 */
        background-size: cover;
        /* 背景图覆盖整个元素 */
        background-position: center;
        /* 背景图居中 */
        background-repeat: no-repeat;
        /* 背景图不重复 */
      }
    }
  }
}